<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>启元数据</title>

<link rel="stylesheet" type="text/css" href="/static/css/index.css">

  <style type="text/css">
  body{padding: 0;margin: 0;height: 100%;}
    .data{
        height:400px;
        width:31%;
        border:green solid 1.5px;
        margin:0 auto;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin-top:100px;#设置两个div之间间距
        margin-bottom:20px;#设置两个div之间间距
        position:absolute;
        margin-left:220px;
        padding:10px;
    }
    .moreroom{
        height:40px;
        width:1200px;
        #border:green solid 1.5px;
        margin-top: 1000px;
        position: absolute;
        left:20%;
    }
    .export{width:100px; height:30px; position:fixed; _position:absolute; right:30px; top:30px; padding:4px;}
    </style>
  <div id="export" class="export">
  <a href="/static/xlsx/operData.xlsx" ><span>导出数据</span></a>
  </div>

  <div id="moreroom" class="moreroom">
  </div>
  
</head>
<body >

<div class="nav-main">
<div class="nav-box">
<div class="nav">
  <ul class="nav-ul">
  	<li><a href="#" class="home"><span>首页</span></a></li>
  	<li><a href="#" class="develop"><span>统计报表</span></a></li>
  	<li><a href="#" class="wechat"><span>运营数据</span></a></li>
  	<li><a href="#" class="case"><span>风控数据</span></a></li>
  	<li><a href="#" class="news"><span>财务数据</span></a></li>
    <li><a href="#" class="news"><span>尽调数据</span></a></li>
  	<li><a href="#" class="contact"><span>退出登录</span></a></li>
  </ul>
</div>
<div class="nav-slide">
    <div class="nav-slide-o"></div>
    <div class="nav-slide-o">
    	<ul>
    		<li><a href="#"><span>月报-待开发</span></a></li>
    	</ul>
    </div>
    <div class="nav-slide-o">
    	<ul>
          <li><a href="/Oper/approvalPassRate"><span>审批通过率</span></a></li> 
          <li><a href="/Oper/approvalCnt"><span>进件量</span></a></li> 
          <li><a href="/Oper/approvalPer"><span>平均放款额</span></a></li> 
          <li><a href="/Oper/approvalLoan"><span>放款额</span></a></li>
          <li><a href="/Oper/approvalAmount"><span>叠加图demo</span></a></li>
          <li><a href="/Oper/orderperCnt"><span>作业产能</span></a></li>
    	</ul>
    </div>    
    <div class="nav-slide-o">
    	<ul>
          <li><a href="/risk/aging/month"><span>账龄分析-月末</span></a></li> 
          <li><a href="/risk/aging/term"><span>账龄分析-期末</span></a></li> 
    	</ul>
    </div>
    <div class="nav-slide-o">
    	<ul>
    		<li><a href="#"><span>待开发</span></a></li>
    		<li><a href="#"><span>待开发</span></a></li>

    	</ul>
    </div>
    <div class="nav-slide-o">
    	<ul>
    		<li><a href="#"><span>待开发</span></a></li>
    		<li><a href="#"><span>待开发</span></a></li>
    	</ul>
    </div>
    <div class="nav-slide-o">
    	<ul>
    		<li><a href="/logout"><span>退出登录</span></a></li>
    	</ul>
    </div>
</div>
</div>
</div>

<script type="text/javascript" src="/static/js/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="/static/js/echarts.js"></script> 
<script type="text/javascript" src="/static/js/china.js"></script>
<script type="text/javascript">
	$(function(){
	var thisTime;
	$('.nav-ul li').mouseleave(function(even){
			thisTime	=	setTimeout(thisMouseOut,1000);
	})

	$('.nav-ul li').mouseenter(function(){
		clearTimeout(thisTime);
		var thisUB	=	$('.nav-ul li').index($(this));
		if($.trim($('.nav-slide-o').eq(thisUB).html()) != "")
		{
			$('.nav-slide').addClass('hover');
			$('.nav-slide-o').hide();
			$('.nav-slide-o').eq(thisUB).show();
		}
		else{
			$('.nav-slide').removeClass('hover');
		}
		
	})
	
	function thisMouseOut(){
		$('.nav-slide').removeClass('hover');
	}
	 
	$('.nav-slide').mouseenter(function(){
		clearTimeout(thisTime);
		$('.nav-slide').addClass('hover');
	})
	$('.nav-slide').mouseleave(function(){
		$('.nav-slide').removeClass('hover');
	})

})
</script>

    {% block content %}{% endblock %}
           
    {% if len == 4 %}
    <style type="text/css">
        #{{ showList[0] }},#{{ showList[1] }}{float:left;}
        #{{ showList[2] }},#{{ showList[3] }}{float:left;margin-top:60px;}
    <style>
    {% endif %}
    
   {% if len == 3 %}
    <style type="text/css">
        #{{ showList[0] }},#{{ showList[1] }}{float:left;}
        #{{ showList[2] }}{float:left;border:green solid 1.5px;margin-top:60px;}
    <style>
    {% endif %}
    
   {% if len == 2 %}
    <style type="text/css">
        #{{ showList[0] }},#{{ showList[1] }}{float:left;}
    <style>
    {% endif %}
    
    {% if len == 1 %}
    <style type="text/css">
        #{{ showList[0] }}{float:left;border:green solid 1.5px;margin-top:300px;left:20%;}
    <style>
    {% endif %}
</body>
</html>
